import { createStore } from "vuex";
import Vue from "vue";
import Vuex from "vuex";
//Vuex--管理数据（共享）
//多个组件
import user from "./user.js";
export default createStore({
  state: {
    routerType: "push",
    index: 0,
    showDocker: true,
    // goodsDate: storage.getItem("goodsDate") || [],
  },
  mutations: {
    changeRouterType(state, newRouterType) {
      state.routerType = newRouterType;
    },
    // goodsAllDate(state, goodsDate) {
    //   state.goodsDate = goodsDate;
    //   storage.setItem("goodsDate", goodsDate);
    // },
  },
  getters: {
    routerType: (state) => state.routerType,
  },
  //模块化 登录user.js  购物车cart.js
  modules: {
    user,
  },
});
// 1谈谈你的Vuex理解
// 是什么-- 全局状态（数据）管理器
// 为什么-- 为了共享数据
// 缓存 vuex 的区别：
//   缓存 存在不可预测 setItem()
// 怎么做
// 描述：state mutation actions modules getters
// 缺点：页面刷新之后，数据丢失（回到仓库的初始状态）
// 解决：要将数据进行持久化保存
// 再前端中做数据的持久化：
// 1.发送请求，将数据放在后台
// 2.放在浏览器缓存
